<!DOCTYPE html>
<!-- saved from url=(0039)http://wx.zhongfubang.com/userinfo.html -->
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>我的</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<link href="./css/mui.min.css" rel="stylesheet">
		<link href="./css/font-awesome.min.css" rel="stylesheet">
		<style type="text/css">
			.mui-card {
				/*border-radius: 1.5rem;*/
				margin: 0;
				margin-bottom: 7rem;
			}
			
			
			
			.mui-grid-view.mui-grid-9 {
				background-color: #FFFFFF
			}
			
			.mui-grid-view.mui-grid-9 .mui-media {
				color: #fcab53;
			}
			
			.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
				color: #757575;
				margin-bottom: 1rem;
			}
			
			.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn) {
				padding: 0!important
			}
			
			.number {
				display: block;
				height: 3rem;
				font-size: 2.21rem;
				color: #ff5b37;
			}
			
			.base_slider img {
				height: 8.5rem;
				width: 8.5rem;
				/*padding: 0.5rem;*/
			}
			
			.mui-slider-indicator .mui-active.mui-indicator {
				background: #ff5b37
			}
			
			.top-div {
				width: 33.333%;
				text-align: center;
				margin-top: 1.7rem;
			}
			
			.top-div p {
				margin-bottom: 0;
				font-size: 1.36rem;
			}
			
			.details {
				text-align: center;
				width: 100%;
			}
			
			.details p {
				margin-bottom: 0;
			}
			
			.details .name {
				font-size: 1.7rem;
				color: #000000;
				font-weight: bold
			}
			
			.details .id {
				margin-top: 0;
			}
			/**/
			
			html {
				font-size: 10px;
			}
			
			
			
			
			.footer-bar .icon-box .mui-icon {
				color: rgb(117, 117, 117);
				font-size: 2.8rem;
			}
			
			.footer-bar .icon-box a {
				color: rgb(117, 117, 117);
			}
			
			.icon-text {
				font-size: 1.5rem;
				color: rgb(117, 117, 117);
			}
			
			.active-page {
				color: rgb(255, 91, 55) !important;
			}
			
			header {
				background: rgb(255, 91, 55) !important;
			}
			
			/*.mui-bar-tab .mui-tab-item.mui-active {
				color: rgb(255, 91, 55);
			}*/
			
			.mui-title {
				color: #fff;
			}
			
			header .mui-icon {
				color: #fff;
			}
			
			.mui-icon-chatbubble {
				float: left;
			}
			
			
			
			.number {
				font-size: 1.5rem;
			}
			
			.mui-grid-9 .fa {
				font-size: 30px;
				font-weight: 200;
				/*color: rgb();*/
				margin-top: 5px;
			}
			
			.number {
				height: 26px;
			}

			
		
			
		</style>
		<style type="text/css" abt="234"></style>
		<style type="text/css"></style>
		<script>
			//console.log('a')
		</script>
		</script>
		<style type="text/css">
			object,
			embed {
				-webkit-animation-duration: .001s;
				-webkit-animation-name: playerInserted;
				-ms-animation-duration: .001s;
				-ms-animation-name: playerInserted;
				-o-animation-duration: .001s;
				-o-animation-name: playerInserted;
				animation-duration: .001s;
				animation-name: playerInserted;
			}
			
			@-webkit-keyframes playerInserted {
				from {
					opacity: 0.99;
				}
				to {
					opacity: 1;
				}
			}
			
			@-ms-keyframes playerInserted {
				from {
					opacity: 0.99;
				}
				to {
					opacity: 1;
				}
			}
			
			@-o-keyframes playerInserted {
				from {
					opacity: 0.99;
				}
				to {
					opacity: 1;
				}
			}
			
			@keyframes playerInserted {
				from {
					opacity: 0.99;
				}
				to {
					opacity: 1;
				}
			}
			
			.mui-bar-tab .mui-tab-item.mui-active {
    			color: rgb(255, 91, 55);
			}
			
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav bgcolor">
			<a class="mui-icon mui-icon-refresh mui-pull-left" id="btn_refresh"></a>

			<h1 class="mui-title">我的</h1>
			<span class="mui-icon mui-icon-gear" id="btn_setting" style="float: right"></span>
		</header>

		<div id="app" class="mui-content">
			<div class="mui-card">
				<div class="mui-card-content">
					<div class="mui-card-content-inner">
						<div class="mui-row">
							<!--<div class="mui-col-sm-4 top-div"></div>-->
							<!--<div class="mui-col-sm-4 top-div">
								<img id="headimage" style="width: 8.5rem; height: 8.5rem; border-radius: 50%;" src="./img/132">
							</div>
							-->
							<div class="mui-col-sm-4 top-div"></div>
						</div>
						<div class="mui-row">
							<div class="mui-col-sm-12 details">
								<p id="name" class="name">

								</p>
								<p class="id">
									尊敬的<span id="userid">{{user_info.realName}}</span>用户，您好</p>
								<br>	
								<p v-if="user_info.cityPromotionCheckStatus==2">
									邀请码:<span id="invitationCode">{{user_info.invitationCode}}</span>
								</p>	
							</div>
						</div>
					</div>
					<div id="slider" class="mui-slider base_shadow base_slider" data-slider="1">
						<div class="mui-slider-group mui-slider-loop">
							<div class="mui-slider-item">
								<a href="index.html"><img src="./img/wo2.jpg"></a>
							</div>
							<div class="mui-slider-item">
								<a href="index.html"><img src="./img/wo2.jpg"></a>
							</div>
							<div class="mui-slider-item">
								<a href="index.html"><img src="./img/wo2.jpg"></a>
							</div>
							<div class="mui-slider-item">
								<a href="index.html"><img  src="./img/wo2.jpg"></a>
							</div>
						</div>
						<div class="mui-slider-indicator">
						</div>
					</div>
					<ul class="mui-table-view mui-grid-view mui-grid-9">
						<li data-url="order_list.html" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a><i class="fa fa-vcard-o"></i>
								<div class="mui-media-body">电子凭证(张)</div> <span id="vouchernum" class="number">{{productCount}}</span></a>
						</li>
						<li data-url="family.html" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a><i aria-hidden="true" class="fa fa-users"></i>
								<div class="mui-media-body">我的家人(人)</div> <span id="family" class="number">{{familyCount}}</span></a>
						</li>
						<li  class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a><i aria-hidden="true" class="fa fa-jpy"></i>
								<div class="mui-media-body">我的红包(元)</div> <span id="redmoney" class="number">0</span></a>
						</li>
						<li data-url="contact.html" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a><i aria-hidden="true" class="fa fa-volume-control-phone"></i>
								<div class="mui-media-body">联系我们</div>
							</a>
						</li>
						<li data-url="helpAndFanKui.html" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a><i aria-hidden="true" class="fa fa-pencil-square-o"></i>
								<div class="mui-media-body">帮助与反馈</div>
							</a>
						</li>
						<li data-url="invite_list.html" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="http://wx.zhongfubang.com/userinfo.html#"><i aria-hidden="true" class="fa fa-gift"></i>
								<div class="mui-media-body">已邀请<span id="peoplenum">{{inviteCount}}</span>人</div>
							</a>
						</li>
						<!--<li data-url="yiyuan_info.html" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
							<a href="http://wx.zhongfubang.com/userinfo.html#"><i aria-hidden="true" class="fa fa-gift"></i>
								<div class="mui-media-body">一元活动</div>
							</a>-->
						</li>
					</ul>
				</div>
			</div>
			<nav class="mui-bar mui-bar-tab">
				<a href="index.html" class="mui-tab-item "><span class="mui-icon mui-icon-home"></span> <span class="mui-tab-label">首页</span></a>
				<a href="order_list.html" class="mui-tab-item "><span class="mui-icon mui-icon-email"></span> <span class="mui-tab-label">互助</span></a>
				<a href="new_list.html" class="mui-tab-item"><span class="mui-icon mui-icon-gear"></span> <span class="mui-tab-label">关爱</span></a>
				<a href="myCenter.html" class="mui-tab-item mui-active"><span class="mui-icon mui-icon-person"></span> <span class="mui-tab-label">我的</span></a>
			</nav>
			<!--
			<nav class="mui-bar mui-bar-tab">
					<a href="index.html" class="mui-tab-item mui-active"><span class="mui-icon mui-icon-home"></span> <span class="mui-tab-label">首页</span></a>
					<a href="order_list.html" class="mui-tab-item"><span class="mui-icon mui-icon-email"></span> <span class="mui-tab-label">互助</span></a>
					<a href="new_list.html" class="mui-tab-item"><span class="mui-icon mui-icon-gear"></span> <span class="mui-tab-label">健康</span></a>
					<a href="myCenter.html" class="mui-tab-item"><span class="mui-icon mui-icon-person"></span> <span class="mui-tab-label">我的</span></a>
				</nav>
				-->
			
		</div>

		<script src="./js/mui.js"></script>
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript" src="./js/vue.min.js"></script>
		<script type="text/javascript" src="./js/common.js"></script>
		<script type="text/javascript">
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});
			var vue = new Vue({
				el: "#app",
				data: {
					productCount: 0,
					familyCount: 0,
					red_packet: 0,
					inviteCount: 0,
					user_info: [],
					yiyuan_info: [],
					ticket: ""
				},
				methods: {
					recharge: function(event) {
						mui.openWindow('recharge.html', 'recharge', {});
					}
				}

			})

			mui.plusReady(function() {
				//getUsersinfo();
			})
			var appUser;
			$(function(){
				checkVersion();
				if(!isLogin()){
						return false;
					}
					appUser = JSON.parse(localStorage.appUser);
					var url = root + "myCenter/detailAppUser";
						mui.get(url, {
						appUserId: appUser.id
					},function(result){
						vue.user_info = result.data;
					});
					get_user_info();
					//lunbo();
			});
			
			
			function get_ticket() {
				var url = "http://wx.zhongfubang.com/api/index.php/home/Index/get_ticket";
				mui.post(url, {
						user_id: user_id
					},
					function(data) {
						vue.ticket = data.ticket;
					}, 'json');
			}

			function get_user_info() {
				var url = root + "myCenter/pensonalStatistics";
				mui.get(url, {
						appUserId: appUser.id
					},
					function(result) {
						vue.productCount = result.data.productCount;
						vue.familyCount = result.data.familyCount;
						vue.inviteCount = result.data.inviteCount;
						//vue.red_packet = data.user_info.red_packet;
					}, 'json');
			}

			btn_setting.addEventListener('tap', function() {
				mui.openWindow('setting.html', 'setting', {});
			});

			btn_refresh.addEventListener('tap', function() {
				get_user_info();
			})

			mui('.mui-table-view').on('tap', '.mui-table-view-cell', function() {
				var url = this.getAttribute('data-url');
				mui.openWindow(url, url, {});
			});

			mui('.mui-bar-tab').on('tap','a',function(){
				var href = this.getAttribute('href');
				if(href=="myCenter.html"||href=="order_list.html"){
					if(!isLogin()){
						window.location.href="login.html";
					}else{
						window.location.href=this.getAttribute('href');
					}
				}else{
					window.location.href=this.getAttribute('href');
				}
          });
		</script>

	</body>

</html>